﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String cardid = (String)request.getParameter("cardid");
%>
<!DOCTYPE HTML>
<html>
	<head>
		<base href="<%=basePath%>">
		<META http-equiv=Content-Type content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link type="text/css" rel="stylesheet" href="include/css/css.css" />
		<link type="text/css" rel="stylesheet" href="include/iconFont/1.0.8/iconfont.css"/ >
		<link type="text/css" rel="stylesheet" href="include/css/button.css" />
		<link type="text/css" rel="stylesheet" href="include/css/bootstrap.min.css" />
	</head>
	<script type="text/javascript">
		var cardid = <%=cardid%>;
		
		function init22()
		{
			$.ajax({
				type: "POST",
				data:{"cardid":cardid},
				url: "CardAction/getServiceCardView.action",
				dataType: "json",
				async:false,
				cache:false, 
				success: function(datas)
				{
					$("#popName").html(datas[0].popName);
					$("#popPhone").html(datas[0].popPhone);
					$("#typeName").html(datas[0].productTypeName);
					$("#specName").html(datas[0].productSpecName);
					$("#popAddress").html(datas[0].popAddress);
					$("#setupStateName").html(datas[0].setupStateName);
					$("#setupTime").html(changetime(datas[0].setupTime));
					$("#sale").html(datas[0].sale);
					$("#haveCard").html(datas[0].haveCard);
					
					if(null != datas[0].isLazy && 1 == datas[0].isLazy)
					{
						$("#lazytime").html('用户延迟安装备注：从 <b>'+changetime(datas[0].setupTime)+'</b> 改为至 <b>'+changetime(datas[0].lazyTime)+'</b> 安装!');
					}
				}
			});
		}
			
		function changetime(datast) 
		{
			var d = new Date(datast);
			var date = (d.getFullYear()) + "年" + (d.getMonth() + 1) + "月" + (d.getDate()) + "日" + " ";
			
			if(d.getHours()>12)
			{
				date+=" 下午 "+ (d.getHours()) + "点" + (d.getMinutes()) + "分";
			}
			else
			{
				date+=" 上午 "+ (d.getHours()) + "点" + (d.getMinutes()) + "分";
			}
			return date;
           }
	</script>
	<body onload="init22();">
		<div style="background:url('<%=path %>/include/images/jomooSoloCard.png') no-repeat;height:550px;">
			<table border="0" style="width:92%; margin-left: 30px;">
				<tr>
					<td style="width: 180px;padding-top: 182px;">&nbsp;</td>
					<td style="width: 295px;padding-top: 178px;padding-left: 5px">
						<div class="input-group" style="margin-top: -3px;">
							<h4 style="margin-left: 20px;"><font id="popName" style="font-weight: bolder;color: blue;"></font></h4>
						</div>
   					</td>
   					<td style="width: 148px;padding-top: 178px;">&nbsp;</td>
					<td colspan="2" style="width: 200px;padding-top: 180px;text-align: right;padding-right: 32px;">
						<div class="input-group" style="margin-top: -3px;">
							<h4 style="margin-left: 50px;"><font id="popPhone" style="font-weight: bolder;color: blue;"></font></h4>
						</div>
					</td>
				</tr>
				<tr>
					<td style="width: 180px;">&nbsp;</td>
					<td style="width: 180px;padding-left: 80px;padding-top: 20px;" colspan="3">
						<div class="input-group" style="margin-top: -3px;">
							<h4 style="margin-left: 200px;"><font id="typeName" style="font-weight: bolder;color: blue;"></font>
							<font id="specName" style="font-weight: bolder;color: blue;padding-left: 20px;"></font></h4>
						</div>
					</td>
				</tr>
				<tr>
					<td style="width: 180px;padding-top: 15px;">&nbsp;</td>
					<td style="width: 180px;padding-left: 15px;padding-top: 22px;" colspan="3">
						<div class="input-group" style="margin-top: -3px;">
							<h4 style="margin-left: 50px;"><font id="popAddress" style="font-weight: bolder;color: blue;"></font></h4>
						</div>
					</td>
				</tr>
				<tr>
					<td style="width: 180px;padding-top: 30px;">&nbsp;</td>
					<td style="width: 295px;padding-top: 25px;">
						<div class="input-group" style="margin-top: -8px;">
							<h4 style="margin-left: 100px;"><font id="setupStateName" style="font-weight: bolder;color: blue;"></font></h4>
						</div>
					</td>
					<td colspan="2" style="width: 200px;padding-top: 25px;text-align: left;padding-left:150px;">
						<div class="input-group" style="margin-top: -8px;">
							<h4 style="margin-left: 50px;"><font id="setupTime" style="font-weight: bolder;color: blue;"></font></h4>
						</div>
					</td>
				</tr>
				<tr style="height: 50px;padding-top: 180px;">
					<td style="width: 180px;padding-top: 30px;">&nbsp;</td>
					<td style="width: 295px;padding-top: 30px;padding-left: 12px">
						<div class="input-group" style="margin-top: -5px;">
							<h4 style="margin-left: 90px;"><font id="sale" style="font-weight: bolder;color: blue;"></font> RMB</h4>
						</div>
					</td>
					<td colspan="2" style="width: 200px;padding-top: 30px;text-align: left;padding-left: 170px;">
						<div class="input-group" style="margin-top: -5px;">
							<h4 style="margin-left: 110px;"><font id="haveCard" style="font-weight: bolder;color: blue;"></font></h4>
						</div>
					</td>
				</tr>
			</table>
			<table border="0" style="width: 92%;margin-left: 30px;padding-top: 45px;height: 85px;">
				<tr style="height: 50px;padding-top: 100px;">
					<div class="input-group" style="margin-top: 15px;">
						<h4 style="margin-left: 180px;"><font id="lazytime" style="color: red;"></font></h4>
					</div>
				</tr>
			</table>
		</div>
		<script type="text/javascript" src="include/js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="include/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="include/layer/layer.js"></script>
	</body>
</html>